const pxtoviewport = require("postcss-px-to-viewport");
const path = require("path");
const resolve = dir => path.join(__dirname, dir);

module.exports = {
  publicPath: "./", // fixed:打包到cordova路径错误导致的白屏,https://cli.vuejs.org/zh/config/#publicpath
  lintOnSave: "warning",
  transpileDependencies: ["vuetify"],
  chainWebpack: config => {
    // 添加别名
    config.resolve.alias.set("@", resolve("src"));
  },
  css: {
    requireModuleExtension: true,
    loaderOptions: {
      // 这里的选项会传递给 postcss-loader
      postcss: {
        plugins: [
          // viewport适配 https://www.cnblogs.com/zhangnan35/p/12682925.html
          // vant viewport https://github.com/youzan/vant-demo/blob/master/vant/viewport/vue.config.js
          pxtoviewport({
            viewportWidth: 375 // UI设计稿的宽度
            // unitToConvert: "px", // 要转化的单位
            // unitPrecision: 6, // 转换后的精度，即小数点位数
            // propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
            // viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
            // fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
            // selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
            // minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
            // mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
            // replace: true, // 是否转换后直接更换属性值
            // exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
            // landscape: false // 是否处理横屏情况
          })
        ]
      }
    }
  }
};
